<template>
  <div class="Home2">
    <div class="zuo">
      <el-menu
        default-active="mustang3"
        class="el-menu-vertical-demo"
        background-color="rgba(220,38,38,0.2)"
        text-color="#fff"
        active-text-color="#ffd04b"
        router
      >
      <el-menu-item index="mustang3">
          <i class="el-icon-menu"></i>
          <span slot="title">首页</span>
        </el-menu-item>
        <el-submenu index="/mustang">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>车型展示</span>
          </template>
          <el-menu-item-group>
            <template slot="title">分组一</template>
            <el-menu-item index="/mustang">新福特Mustang(进口)</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        
        <el-menu-item index="/chexingpk">
          <i class="el-icon-document"></i>
          <span slot="title">车型对比</span>
        </el-menu-item>
        <el-menu-item index="/user">
          <i class="el-icon-setting"></i>
          <span slot="title">会员一览</span>
        </el-menu-item>
        <div class="must">
          <router-view></router-view>
        </div>
      </el-menu>
    </div>
  </div>
</template>
<script>
export default {
  name: "Home2",
};
</script>

<style lang="less" scoped>
.zuo {
  background-color: rgba(220, 38, 38, 0.2);
  width: 200px;
  height: 866px;
}

.el-menu {
  width: 200px;
}
.must {
  width: 1702px;
    position: absolute;
    top: 0px;
    left: 200px;
    background-color: #fff;
}
</style>